<template>
    <div class="common-size ">
        <page-head :pageHead="pageHeadData"></page-head>
        <div class="rule-container">
            <div  v-html="item" v-for="(item, index) in textData"></div>
            <table class="process-chart">
                <tbody>
                <tr>
                    <th align="left">盘点流程</th>
                </tr>
                <tr>
                    <td>①现场录入设备</td>
                    <td>②粘贴二维码并拍摄设备图片</td>
                    <td>③完善设备信息</td>
                </tr>
                <tr>
                    <td><img src="../assets/images/step_1.png" width="200"/></td>
                    <td><img src="../assets/images/step_2.png" width="200"/></td>
                    <td><img src="../assets/images/step_3.png" width="200"/></td>
                </tr>
                </tbody>
            </table>
        </div>

        <page-footer :pageFooter="pageFooterData"></page-footer>
    </div>
</template>

<script>
import pageHead from './pageHead.vue'
import PageFooter from "./pageFooter.vue";
import {nuxtMixins} from '../assets/javascript/mixin'
  export default{
    name: 'rule_process',
    props:['chartData'],
    mixins: [nuxtMixins],
    data () {
      return {
        pageTitle: '盘点规则及流程',
        detailTitle: '盘点规则'
      }
    },
    methods: {

    },
    computed:{
      textData () {
        return this.chartData.textData
      }
    },
    mounted(){
    },
    components: {
      pageHead,
      PageFooter
    }
  }
</script>
<style lang="scss">
    .rule-container{
        padding: 0 35px;
        margin: 30px 0 0 0;
        .process-chart{
            margin: 50px 0 0 0;
            width: 100%;
        }
    }

</style>
